<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>High Digits Financial</title>
  <script type="module" src="../js/main.js"></script>
</head>

<body>
  <header class="hd-header">
    <nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
      <div class="container header-container">
        <div>
          <a class="navbar-brand" href="/">
            <img src="/images/logo.png" alt="logo" class="logo" />
          </a>
        </div>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav">
            <li class="nav-item ">
              <a class="nav-link " href="/">Trang chủ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/ve/">Về chúng tôi</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/doi/">Đội ngũ cốt lõi</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link active" href="/hoat/">Hoạt động</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/tai/">Liên hệ chúng tôi</a>
            </li>
          </ul>
          <div class="d-flex app_none">
            <button class="btn btn-primary"><a class="nav-link" href="#">Liên hệ Hỗ trợ</a></button>
          </div>
        </div>
      </div>
    </nav>
  </header>

  <div class="hoat">

    <!-- banner -->
    <section class="section-banner">
      <div class="container">
        <h1>Sáng tạo mưu cầu phát triển, </h1>
        <h1>đồng tâm cầu tương lai</h1>
        <div>
          <button type="button" class="btn btn-primary">
            Liên hệ Hỗ trợ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18"
              fill="none">
              <path
                d="M8.59616 8.70512H16.9361L14.2952 5.97473H16.1621L19.4635 9.38727L16.1621 12.8H14.2952L16.9361 10.0698H8.59616V8.70512ZM6.66213 10.0698H8.02679V8.70512H6.66213V10.0698ZM4.72646 10.0698H6.09112V8.70512H4.72646V10.0698Z"
                fill="white" />
            </svg>
          </button>
        </div>
      </div>
    </section>

    <!-- card -->
    <section class="section_pic">
      <div class="container">
        <div class="row d-flex justify-content-between">
          <div class="col-lg-5 pic">
            <img src="/images/hoat_pic1.png" alt="" class="bigimg">
            <div class="pictures d-flex align-items-center justify-content-between">
              <img src="/images/hoat_pic1.png" alt="" class="activeimg" onclick="handleClick(this)">
              <img src="/images/hoat_pic2.png" alt="" onclick="handleClick(this)">
              <img src="/images/hoat_pic3.png" alt="" onclick="handleClick(this)">
            </div>
          </div>
          <div class="col-lg-6 text">
            <h6>Môi trường văn phòng</h6>
            <p>
              HIGH DIGITS FINANCIAL được thành lập năm 2008 và là một trong những công ty tư
              vấn đầu tư sớm nhất trên thị trường chứng khoán Việt Nam. Sứ mệnh của công ty là cung cấp
              cho khách hàng dịch vụ tư vấn đầu tư chứng khoán chuyên nghiệp, hiệu quả và đáng tin cậy và
              giúp khách hàng đạt được mục tiêu đánh giá và bảo toàn tài sản.
              <br>
              <br>
              HIGH DIGITS FINANCIAL Phạm vi kinh doanh bao gồm:、
              Phân bổ tài sản: Theo sở thích rủi ro, mục tiêu thu nhập và thời gian đầu tư của khách hàng,
              thiết kế danh mục tài sản phù hợp cho khách hàng, bao gồm cổ phiếu, trái phiếu, quỹ, phái
              sinh, v.v.
              <br>
              <br>
              Quản lý danh mục đầu tư: theo sự thay đổi của thị trường và nhu cầu của khách hàng, thường
              xuyên điều chỉnh và tối ưu hóa danh mục tài sản của khách hàng để tăng lợi nhuận và giảm
              thiểu rủi ro.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- map -->
    <section class="section_map">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-5 map_left">
            <h5>Nếu bạn có câu hỏi khác? </h5>
            <h6>Nếu bạn không thể tìm thấy câu trả lời cho câu hỏi của mình trong FAQ của chúng tôi, bạn Có
              thể liên lạc với chúng tôi bất cứ lúc nào. Chúng tôi sẽ trả lời bạn sớm nhất có thể!</h6>
            <div class="concat_box">
              <div>
                <img src="/images/hoat_phone.png" alt="">
                <p>Số điện thoại：</p>
                <a href="javascript:;">190 099 9973</a>
              </div>
              <div>
                <img src="/images/hoat_mail.png" alt="">
                <p>Thư điện tử：</p>
                <a href="javascript:;">support@digithand.com</a>
              </div>
              <div>
                <img src="/images/hoat_address.png" alt="">
                <p>Địa chỉ liên hệ: HM TOWN 412 Nguyen Thi Minh Khai, Ward 5</p>
              </div>
            </div>
          </div>
          <div class="col-lg-5">
            <img src="/images/hoat_map.png" alt="" class="map">
          </div>
        </div>
      </div>
    </section>

    <!-- concat -->
    <section class="section_concat">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-5 concat_left">
            <div class="concat_box">
              <h5>Liên hệ</h5>
              <h6>Điền vào tất cả các chi tiết để thương lượng với
                chúng tôi để có được dịch vụ của chúng tôi</h6>
              <div class="inputs">
                <div>
                  <label for="1">Họ tên</label><input type="text" name="1" id="">
                </div>
                <div>
                  <label for="2">Địa chỉ E-mail</label><input type="text" name="2" id="">
                </div>
                <div>
                  <label for="3">Thông điệp</label><input type="text" name="3" id="">
                </div>
              </div>
              <div class="d-flex btn align-items-center justify-content-between">
                messagsend tin nhắn <svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18"
                  fill="none">
                  <path
                    d="M8.59616 8.70512H16.9361L14.2952 5.97473H16.1621L19.4635 9.38727L16.1621 12.8H14.2952L16.9361 10.0698H8.59616V8.70512ZM6.66213 10.0698H8.02679V8.70512H6.66213V10.0698ZM4.72646 10.0698H6.09112V8.70512H4.72646V10.0698Z"
                    fill="white" />
                </svg>
              </div>
            </div>
          </div>
          <div class="col-lg-6 concat_right">
            <h5>leam More FROM</h5>
            <h6>Câu hỏi thường gặp của chúng tôi</h6>
            <div class="accordion" id="accordionExample">
              <div class="accordion-item">
                <h2 class="accordion-header" id="headingOne">
                  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                    aria-expanded="true" aria-controls="collapseOne">
                    Empowering Financial Futures:
                  </button>
                </h2>
                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                  data-bs-parent="#accordionExample">
                  <div class="accordion-body">
                    Our vision is to be the guiding force that empowers individuals to secure their financial futures,
                    offering expert advice and personalized investment strategies that pave the way for long-term
                    prosperity.
                  </div>
                </div>
              </div>
              <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Innovation in Wealth Management:
                  </button>
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                  data-bs-parent="#accordionExample">
                  <div class="accordion-body">
                    We aspire to lead through innovation, leveraging cutting-edge technologies and forward-thinking
                    strategies to redefine wealth management, ensuring our clients stay ahead in an ever-evolving
                    financial landscape.
                  </div>
                </div>
              </div>
              <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Trusted Partner in Financial Success:
                  </button>
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                  data-bs-parent="#accordionExample">
                  <div class="accordion-body">
                    Our vision is to become the trusted partner on every client's journey to financial success,
                    fostering
                    enduring relationships built on integrity, transparency, and a relentless commitment to delivering
                    optimal investment outcomes.
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

  <footer class="hd-footer">
    <div class="container-fluid">
      <section class="ft1">
        <div class="container">
          <div class="row">
            <div class="col-lg-8">
              <h6 class="t1">Nếu bạn có nhu cầu</h6>
              <p class="t2">Vui lòng liên hệ với dịch vụ khách hàng trực tuyến của chúng tôi</p>
            </div>
            <div class="col-lg-4 d-flex align-items-center">
              <a class="btn btn-dark">Nếu bạn có nhu cầu<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18"
                  viewBox="0 0 20 18" fill="none">
                  <path
                    d="M8.59616 8.70499H16.9361L14.2952 5.97461H16.1621L19.4635 9.38715L16.1621 12.7999H14.2952L16.9361 10.0697H8.59616V8.70499ZM6.66213 10.0697H8.02679V8.70499H6.66213V10.0697ZM4.72646 10.0697H6.09112V8.70499H4.72646V10.0697Z"
                    fill="white" />
                </svg></a>
            </div>
          </div>
        </div>
      </section>
      <section class="ft2">
        <div class="container">
          <div class="row">
            <div class="col-lg-2"><img class="logo" src="/images/logo.png" alt="logo" /></div>
            <div class="col-lg-6">
              <div class="d-flex flex-column sec-2">
                <h6>Trang chủ</h6>
                <p>
                  1010 Avenue, NY, <br />
                  Điện thoại: <span class="c-primary">190 099 9973</span><br />
                  Thư điện tử: <span class="c-primary">support@digithand.com</span>
                </p>
                <h6 class="pt-2">Giờ hoạt động</h6>
                <p>Thứ Hai - Thứ Sáu 09.00 - 18.00</p>
              </div>
            </div>
            <div class="col-lg-2">
              <div class="d-flex flex-column justify-content-evenly sec-2">
                <h6>Liên hệ</h6>
                <span class="pb-4"><a href="/">Trang chủ</a></span>
                <span class="pb-4"><a href="/ve/">Về chúng tôi</a></span>
                <span class="pb-4"><a href="/doi/">Đội ngũ cốt lõi</a></span>
              </div>
            </div>
            <div class="col-lg-2">
              <div class="d-flex flex-column justify-content-evenly sec-2 pt60">
                <span class="pb-4"><a href="/hoat/">Hoạt động</a></span>
                <span class="pb-4"><a href="/tai/">Liên hệ chúng tôi</a></span>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </footer>

  <script>
    const handleClick = (e) => {
      let dom = document.querySelector('.activeimg')
      let bigdom = document.querySelector('.bigimg')
      if (dom != e) {
        bigdom.src = e.src
        dom.classList.remove('activeimg')
        e.classList.add('activeimg')
      }
    }
  </script>
</body>

</html>